.page_content{
	overflow-y: auto;
	background-color: #f2f5f7;
	width: 100%;
	// z-index: -2;
	height: 100%;
	.page-bgc {
		background: linear-gradient(to bottom, rgba(255, 0, 102, 0.9), rgba(255, 102, 163, 0.0));
		/* 渐变的颜色及透明度 */
		height: 600rpx;
		/* 让背景填满整个视口高度 */
		width: 100%;
		/* 让背景填满整个视口宽度 */
		box-sizing: border-box;
		position: absolute;
		/* 使用绝对定位 */
		top: 0;
		/* 定位在页面的顶部 */
		left: 0;
		/* 定位在页面的左侧 */
		z-index: 1;
		/* 确保背景色在其他内容之下 */
			
	}
	.head_content{
		z-index: 2;
		padding:  108rpx 20rpx;
		// 顶部账户详情
		.tops{
			width: 100%;
			padding: 48rpx 24rpx;
			display: flex;
			justify-content: space-between;
			align-items: center;
			.tops-left{
				color: #fff;
				.my-gold{
					font-size: 24rpx;
				}
				.nums{
					font-size: 48rpx;
					font-weight: bold;
					margin-top: 10rpx;
				}
				.scale{
					font-size: 24rpx;
					font-weight: bold;
				}
			}
			.tops-right{
				color: #000;
				background-color: #fff;
				border-radius: 44rpx;
				text-align: center;
				line-height: 88rpx;
				font-weight: bold;
				height: 88rpx;
				width: 176rpx;
				margin-top: 20rpx;
			}
		}
		// 签到赚金币
		.sign{
			background-color: #fff;
			border-radius: 32rpx;
			padding-bottom: 28rpx;
			overflow: hidden;
			height: 496rpx;
			margin-bottom: 20rpx;
			.sign-top{
				background-color: #FFF2F2;
				padding: 20rpx 32rpx;
				display: flex;
				align-items: center;
				image{
					width: 44rpx;
					height: 44rpx;
				}
				.sign-title{
					color: $uni-color-error;
					font-weight: bold;
					font-size: 40rpx;
					margin-left: 12rpx;
				}
			}
			.sign-txt{
				margin-top: 28rpx;
				margin-bottom: 38rpx;
				margin-left: 20rpx;
				font-size: 32rpx;
				text{
					color: #000;
					font-weight: 600;
				}
			}
			.sign-btnbox{
				display: flex;
				flex-wrap: wrap;
				position: absolute;
				margin-left: 6rpx;
				.sign-box {
				    flex: 1;
					// background-color: #333;
				    min-width: calc(100% / 7); /* 每个sign-box的宽度均分为7等分 */
				    box-sizing: border-box; /* 确保宽度计算包括内边距和边框 */
					image{
						width: 100rpx;
						height: 100rpx;
					}
					.sign-nums{
						text-align: center;
						font-size: 24rpx;
						position: relative;
						top: -42rpx;
					}
					.sign-name{
						margin-top: -24rpx;
						text-align: center;
						font-size: 24rpx;
					}
				}
			}
			.sign-bt{
				background: linear-gradient(to right, rgba(242, 245, 247, 0.9), rgba(226, 226, 226, 0.0));
				border-radius: 16rpx;
				height: 72rpx;
				font-size: 32rpx;
				font-weight: 800;
				padding-left: 20rpx;
				padding-right: 20rpx;
				margin-top: 220rpx;
				margin-left: 20rpx;
				line-height: 72rpx;
				justify-content: space-between;
				align-items: center;
				display: flex;
				.sign-bt-left{
					width: 540rpx;
				}
			}
		}
		.quest{
			background-color: #fff;
			border-radius: 32rpx;
			overflow: hidden;
			height: auto;
			margin-bottom: 100rpx;
			.quest-top{
				background-color: #FFF2F2;
				margin-bottom: 28rpx;
				padding: 20rpx 32rpx;
				display: flex;
				align-items: center;
				image{
					width: 44rpx;
					height: 44rpx;
				}
				.quest-title{
					color: $uni-color-error;
					font-weight: bold;
					font-size: 40rpx;
					margin-left: 12rpx;
				}
			}
			.quest-list{
				.quest-boxs{
					padding: 0 20rpx;
					margin-bottom: 52rpx;
					.quest-list-box{
						display: flex;
						align-items: center;
						justify-content: space-between;
						.quest-left{
							.quest-left-title{
								display: flex;
								align-items: center;
								margin-bottom: 10rpx;
								.quest-names{
									font-size: 32rpx;
									color: #000;
									font-weight: 700;
								}
								image{
									width: 32rpx;
									height: 32rpx;
								}
								.quest-num{
									color: #FFB768;
									font-size: 24rpx;
								}
							}
							.quest-left-info{
								font-size: 24rpx;
								color: #858585;
							}
						}
						.sign-bt{
							margin-right: 20rpx;
						}
					}
				}
			}
		}
	}
}

.ants{
	color: #fff;
	background-color:  $uni-color-error;
	border-radius: 34rpx;
	text-align: center;
	font-weight: 800;
	line-height: 72rpx;
	height: 72rpx;
	width: 140rpx;
	font-size: 32rpx;
}

	.popup-box{
		padding: 20rpx;
		.popup-title{
			font-size: 32rpx;
			text-align: center;
			font-weight: bold;
			color: #000;
			margin-top: 12rpx;
			margin-bottom: 32rpx;
		}
		
		.top_btn{
			background-color: #FF0066;
			margin-top: 58rpx;
			color: #fff;
		}
	}

